<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--无数据提示 开始-->
    <section th:if="${#lists.isEmpty(dataMap['list'])}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">抱歉，还没有直播课程，试试其它的课程吧~~~</span></p>
    </section>
    <section th:if="!${#lists.isEmpty(dataMap['list'])}" class="row">
        <div th:each="liveCourse : ${dataMap['list']}" class="col-md-4 col-lg-4">
            <div class="thumbnail live-list-item">
                <section class="pr">
                    <a th:href="@{/web/course/liveInfo?courseId={courseId}(courseId=${liveCourse['id']})}">
                        <img class="lazy" width="100%" th:attrappend="data-original=!${#maps.isEmpty(liveCourse['imageMap'])}? ${liveCourse['imageMap']['pcUrlMap']['large']} :''" th:src="@{{path}/front/web/v3/img/default/default-course.gif(path=${staticPath})}" style="display: block;"/>
                    </a>
                    <section class="article-item-img-title__wrap">
                        <div class="live-telecast">
                            <a th:href="@{/web/course/liveInfo?courseId={courseId}(courseId=${liveCourse['id']})}" class="fs18 c-fff" th:text="${liveCourse['courseName']}"></a>
                        </div>
                    </section>
                </section>
                <div class="live-caption">
                    <section class="live-name hLh30 txtOf">
                        <th:block th:if="${#maps.isEmpty(liveCourse['liveCourseCatalog'])}">
                            <span class="fs16 vam">当前暂无直播节点</span>
                        </th:block>
                        <th:block th:if="!${#maps.isEmpty(liveCourse['liveCourseCatalog'])}">
                            <i class="fa fa-clock-o fa-flip-horizontal fs16"></i>
                            <big class="fs20" th:text="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],11,16)}"></big>
                            <span class="fs16 vam">
                                <th:block th:text="'- '+${#strings.substring(liveCourse['liveCourseCatalog']['lessonEndTime'],11,16)}"></th:block>
                            </span>
                            <span class="label vam" style="color: #666;">
                                <th:block th:if="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],0,10)} eq ${#strings.substring(liveCourse['liveCourseCatalog']['lessonEndTime'],0,10)}">
                                    <th:block th:text="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],5,7)}+'月'"></th:block>
                                    <th:block th:text="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],8,10)}+'日'"></th:block>
                                </th:block>
                                <th:block th:if="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],0,10)} ne ${#strings.substring(liveCourse['liveCourseCatalog']['lessonEndTime'],0,10)}">
                                    <th:block th:text="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],5,7)}+'月'"></th:block>
                                    <th:block th:text="${#strings.substring(liveCourse['liveCourseCatalog']['lessonStartTime'],8,10)}+'日-'+${#strings.substring(liveCourse['liveCourseCatalog']['lessonEndTime'],8,10)}+'日'"></th:block>
                                </th:block>
                            </span>
                        </th:block>
                    </section>
                    <div class="live-teacher">
                        <span th:if="!${#lists.isEmpty(liveCourse['teacherList'])}" class="live-t-img vam mr5">
                            <a th:href="@{/web/teacher/info?teacherId={teacherId}(teacherId=${liveCourse['teacherList'][0]['id']})}">
                            <img class="lazy" th:attr="data-original=${liveCourse['teacherList'][0]['imageMap']['pcUrlMap']['large']}"/>
                            </a>
                        </span>
                        <span class="c-999 vam">
                            <th:block th:if="!${#lists.isEmpty(liveCourse['teacherList'])}" th:text="${liveCourse['teacherList'][0]['teacherName']}+' · '"></th:block>
                            共<th:block th:text="${liveCourse['initBuyNum']}+${liveCourse['courseProfile']['buyCount']}"></th:block>人参加直播</span>
                    </div>
                    <section class="clearfix">
                        <aside class="pull-right">
                            <a th:href="@{/web/course/liveInfo?courseId={courseId}(courseId=${liveCourse['id']})}">
                                <button class="btn-rounded btn btn-live-telecast">参加直播</button>
                            </a>
                        </aside>
                        <aside th:if="${liveCourse['realPrice']} <= 0 and ${liveCourse['memberCourse']} != 1" class="pull-left">
                            <span class="fs18 c-free">免费</span>
                        </aside>
                        <aside th:if="${liveCourse['memberCourse']} == 1" class="pull-left">
                            <span class="fs18 c-price">会员课</span>
                        </aside>
                        <aside th:if="${liveCourse['realPrice']} > 0" class="pull-left">
                            <span class="fs16 c-price">
                                <i class="fa fa-rmb"></i>
                                <span class="fs24"><th:block th:text="${liveCourse['realPrice']}"></th:block></span>
                            </span>
                        </aside>
                    </section>
                </div>
            </div>
        </div>
    </section>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/webPage"></div>
    <!-- 分页，结束 -->
</html>